<template>
  <div style="display: flex">
    <i :class="['el-icon-cloudy',{'infinite':status == 'ONLINE'}] " style="font-size: 80px" />
    <div style="margin-left: 20px">
      <app-signal :status="status" :signal="signal" style="margin-top: 15px;margin-bottom: 13px" />
      <i :class="status">{{ $t(status) }}</i>
    </div>
  </div>
</template>
<script>
import AppSignal from '@/components/AppSignal'
export default {
  name: 'SolarCloud',
  components: { AppSignal },
  props: {
    status: {
      type: String,
      default: 'ONLINE'
    },
    signal: {
      type: Number,
      default: 0
    }
  }
}
</script>


